<!DOCTYPE html>
<<<<<<< HEAD
<html lang="en">

=======
<html lang="zh">
>>>>>>> ef979e8642b990f6e1b34521af227803838313c5
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
<<<<<<< HEAD
    <title>华为 - 构建万物互联的智能世界</title>
    <script src="js/jquery-3.6.0.min.js"></script>
    <link rel="stylesheet" href="css/index.css">

    <style>
        @font-face {
            font-family: 'iconfont';
            src: url('../character/iconfont.eot');
            src: url('../character/iconfont.eot?#iefix') format('embedded-opentype'),
                url('../character/iconfont.woff2') format('woff2'),
                url('../character/iconfont.woff') format('woff'),
                url('../character/iconfont.ttf') format('truetype'),
                url('../character/iconfont.svg#iconfont') format('svg');
        }

        .iconfont {
            font-family: "iconfont" !important;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        body {
            background-color: rgb(248, 248, 248);
        }

        .play div div {
            border: 1px solid black;
            width: 150px;
            height: 35px;
        }

        .play div:nth-child(1) div {
            border-color: white;
            color: white;
            position: absolute;
            top: 45%;
            left: 10%;
        }

        .play div div a {
            position: absolute;
            top: 20%;
            left: 30%;
        }


        .play div:nth-child(2) div {
            position: absolute;
            top: 43%;
            left: 43%;
        }

        .play div:nth-child(3) div {
            position: absolute;
            top: 85%;
            left: 69%;
        }

        .div1 {
            width: 100%;
            height: 1250px;
            position: absolute;
            top: 600px;
        }

        .div1 .play img {
            width: 90%;
            height: 245px;
        }

        .div1>h2 {
            position: absolute;
            left: 40%;
        }

        .div1>h2::after {
            content: '____';
            color: rgb(199, 0, 11);
            position: relative;
            top: 10px;
            right: 70px;
        }

        .div1>div:nth-child(2) {
            width: 90%;
            height: 245px;
            position: absolute;
            display: block;
            left: 5%;
            top: 5%;
        }

        .div1_a {
            width: 90%;
            height: 500px;
            position: absolute;
            top: 26.5%;
            left: 5%;
        }

        .div1_a>div {
            width: 100%;
            height: 45%;
            position: relative;
        }

        .div1_a>div:nth-child(2) {
            position: absolute;
            bottom: 8%;
        }

        .div1_a>div>div {
            width: 45%;
            height: 100%;
            background-color: rgb(245, 245, 245);
            float: left;
        }

        .div1_a>div:nth-child(1)>div:nth-child(2) {
            position: absolute;
            right: 0%;
        }

        .div1_a>div:nth-child(2)>div:nth-child(2) {
            position: absolute;
            right: 0%;
        }

        .div1_a>div>div>div:nth-child(2) {
            font-size: 12px;
            color: gray;
            position: absolute;
            top: 55%;
            left: 5%;
        }

        .text {

            font-weight: 700;
            position: absolute;
            top: 65%;
            left: 5%;
        }

        .div1_b {
            width: 100%;
            height: 400px;
            position: absolute;
            bottom: 0%;
        }

        .div2 {
            width: 90%;
            height: 1550px;
            position: absolute;
            left: 5%;
            top: 1880px;
        }

        .div2>h2 {
            text-align: center;
        }

        .div2>h2::after {
            content: '___';
            color: rgb(199, 0, 11);
            position: absolute;
            top: 0.5%;
            left: 45%;
        }

        .div2_a {
            width: 100%;
            height: 1250px;
            position: absolute;
            top: 4%;
        }

        .div2_a>div {
            width: 100%;
            height: 400px;
            background-color: rgb(248, 248, 248);
        }

        .div2_a>div:nth-child(2) {
            position: absolute;
            top: 34%;
        }

        .div2_a>div:nth-child(3) {
            position: absolute;
            top: 68%;
        }

        .div2_b {
            width: 100%;
            height: 50px;
            position: absolute;
            top: 88%;
        }

        .div2_b>div {
            float: left;
            border: 1px solid black;
            width: 140px;
            height: 35px;
            text-align: center;
        }

        .div2_b>div:nth-child(1) {
            position: absolute;
            left: 5%;
        }

        .div2_b>div:nth-child(2) {
            position: absolute;
            right: 5%;
        }

        .div2_b a {
            position: absolute;
            left: 35%;
            top: 20%;
            font-size: 13px;
        }

        .div2_a span {
            background-color: rgb(142, 142, 142);
            width: 100px;
            height: 30px;
            color: white;
            position: absolute;
            text-align: center;
            line-height: 2.2;
            font-size: 13px;
            z-index: 1;
        }

        .div2_a_1>h4 {
            font-size: 13px;
            position: absolute;
            top: 18%;
            left: 5%;
        }

        .div2_a_1 div {
            float: left;
            font-size: 13px;
        }

        .div2_a_1>div:nth-child(2) {
            width: 100%;
            position: absolute;
            top: 21%;
            left: 5%;
        }

        .div2_a_1>div:nth-child(2)>div:nth-child(2) {
            position: absolute;
            left: 40%;
        }

        .div2_a_1>div:nth-child(3) {
            position: absolute;
            top: 26%;
            left: 5%;
        }

        .div2_a_2 {
            position: relative;
        }

        .div2_a_2>h4 {
            font-size: 13px;
            position: absolute;
            top: 10px;
            left: 5%;
        }

        .div2_a_2 div {
            float: left;
            font-size: 13px;
        }

        .div2_a_2>div:nth-child(2) {
            width: 100%;
            position: absolute;
            top: 50px;
            left: 5%;
        }

        .div2_a_2>div:nth-child(2)>div:nth-child(2) {
            position: absolute;
            left: 40%;
        }

        .div2_a_2>div:nth-child(3) {
            position: absolute;
            top: 100px;
            left: 5%;
        }

        .a>a {
            text-decoration: none;
        }

        .a>a>h4 {
            color: black;
        }

        .a>a>div {
            color: gray;
            font-size: 13px;
        }

        .div3 {
            width: 100%;
            height: 1000px;
            background-color: rgb(242, 242, 242);
            position: absolute;
            top: 3320px;
        }

        #memu {
            width: 90%;
            height: 350px;
            position: absolute;
            top: 80px;
            left: 5%;
        }

        #memu ul li {
            width: 100%;
            line-height: 50px;
            border-bottom: 1px solid gray;

        }

        #memu ul li a {
            font-weight: 600;
            font-size: 15px;
            color: black;
            text-decoration: none;
        }
    </style>
</head>

<body>
    <div id="dhl" style="position: relative; width: 100%; height: 60px;background-color: rgb(255,255,255);">
        <div style="float: left; position: absolute; top: 30%;left: 5%;">
            <img src="../img/download.png" alt="" style="height: 25px;">
        </div>
        <a href="javascript:;" class="iconfont" id="seek"
            style="float: left; position: absolute; top: 30%;left: 75%; text-decoration: none; color: black; font-size: 20px;">
            &#xe62b;
        </a>
        <div style="position: absolute; top: 30%; right: 5%;">
            <button
                style="outline: none; width: 35px;height: 35px;border: 0px;background-color: rgb(255,255,255)">
                <span class="icon-bar"
                    style="width: 20px;border: 1px solid black; position: absolute; top: 15%;left: 20%;background-color: black;"></span>
                <span class="icon-bar"
                    style="width: 19px;border: 1.5px solid black; position: absolute; top: 30%;left: 20%; background-color: black;"></span>
                <span class="icon-bar"
                    style="width: 20px;border: 1px solid black; position: absolute; top: 50%;left: 20%;background-color: black;"></span>
            </button>
        </div>
    </div>
    <div id="memu" >
        <div id="qwe">
            <ul style="list-style: none; position: relative;">
                <li><a href="javascript:;">个人及家庭产品</a></li>
                <li><a href="javascript:;">商用产品及方案</a></li>
                <li><a href="javascript:;">服务支持</a></li>
                <li><a href="javascript:;">合作伙伴与开发者</a></li>
                <li><a href="javascript:;">关于华为</a></li>
                <li><a href="javascript:;">在线购买</a></li>
            </ul>
        </div>
        <div style=" width: 80%;height: 150px;position: absolute;top: 100%;left: 10%;">
            <a href="javascript:;" style="width: 80px;height: 100px; position: absolute;left: 0%;;top: 20%;">
                <div class="iconfont"
                    style="width: 50px;height: 50px;border: 1px solid gray; border-radius: 50%;position: absolute;left: 15%;">
                    <span style="font-size: 35px; position: absolute;top: 15%;left: 15%;color: gray;">
                        &#xe7bc;
                    </span>
                </div>
                <span style="font-size: 14px;width: 70px;color: gray; position: absolute; top:60px;left: 10%;">
                    集团网站
                </span>
            </a>
            <a href="javascript:;" style="width: 80px;height: 100px; position: absolute;left: 35%;top: 20%;">
                <div class="iconfont"
                    style="width: 50px;height: 50px; border: 1px solid gray; border-radius: 50%;position: absolute;left: 15%;">
                    <span style="font-size: 35px; position: absolute;top: 15%;left: 15%;color: gray;">
                        &#xe67d;
                    </span>
                </div>
                <span style="font-size: 14px; width: 70px; color: gray; position: absolute; top:60px;left: 13%;">
                    选择区域/语言
                </span>
            </a>
            <a href="#" style="width: 80px;height: 100px; position: absolute;left: 70%;top: 20%;">
                <div class="iconfont"
                    style="width: 50px;height: 50px;border: 1px solid gray; border-radius: 50%;position: absolute;left: 15%;">
                    <span style="font-size: 35px; position: absolute;top: 15%;left: 15%;color: gray;">
                        &#xe610;
                    </span>
                </div>
                <span style="font-size: 14px;width: 50px;color: gray; position: absolute; top:60px;left: 25px;">
                    登录
                </span>
            </a>
        </div>
    </div>
    <div id="asd" style="display: none;">
        <div style="width: 100%; height: 70px;border-bottom: 1px solid rgb(212,212,212); position: relative; background-color: white;">      
            <div style="width: 80%; height: 50px; border: 1px solid rgb(212,212,212); position: absolute;top: 15%;left: 5%;"> 
                <input type="text" placeholder="请输入关键词" style="outline: none; width: 75%;height: 45px; border: 0px; font-size: 17px;position: absolute; left: 10%;top: 5%;">
                <a href="javascript:;" style="text-decoration: none; position: absolute;right: 3%;top: 25%;">
                    <span class="iconfont" style="color: gray; font-size: 25px;">&#xe61d;</span>
                </a>
            </div>
            <a href="javascript:;" id="rty" style="text-decoration: none; position: absolute;right: 2%;top: 20%;">
                <span class="iconfont" style="font-size: 40px; color: gray;">&#xe6b6;</span>
            </a>
        </div>
        <div>

        </div>
    </div>
    <div id="nr">
        <div id="frame">
            <div id="photos" class="play">
                <div>
                    <div>
                        <a>了解更多</a>
                    </div>
                    <img src="../img/annual-report-cn-m.jpg" alt="">
                </div>
                <div>
                    <div>
                        <a>了解更多</a>
                    </div>
                    <img src="../img/mate40-series-m.jpg" alt="">
                </div>
                <div>
                    <div>
                        <a>了解更多</a>
                    </div>
                    <img src="../img/has2021-cn-m.jpg" alt="">
                </div>
            </div>
        </div>
        <div class="div1">
            <h2>推荐信息</h2>
            <div>
                <div id="frame2">
                    <div id="photos2" class="play2">
                        <div>
                            <div style="position: absolute;bottom: 5%;left: 3%; color: white;">
                                <span style="font-size: 13px;">产品</span>
                                <h4>HUAWEI Mate X2 </h4>
                            </div>
                            <img src="../img/mate_x2_mob.jpg" alt="" style="height: 245px; float: left;">
                        </div>
                        <div>
                            <div style="position: absolute;left: 35%;bottom: 5%; color: white;">
                                <span style="font-size: 13px;">产品</span>
                                <h4>HUAWEI FreeBuds 4i 无线耳机</h4>
                            </div>
                            <img src="../img/freebuds_4i_mob.jpg" alt="" style="height: 245px;float: left;">
                        </div>
                        <div>
                            <div style="position: absolute; bottom: 5%;left: 70%; color: white;">
                                <span style="font-size: 13px;">产品</span>
                                <h4>HUAWEI MateBook X Pro</h4>
                            </div>
                            <img src="../img/matebook-x-pro.jpg" alt=" " style="height: 245px;">
                        </div>
                    </div>
                </div>
            </div>
            <div class="div1_a">
                <div>
                    <div>
                        <img src="../img/mate40-pro-m.jpg" alt="" width="100%">
                        <div>产品</div>
                        <div class="text" style="width: 40%;">HUAWEI Mate 40
                            Pro </div>
                    </div>
                    <div>
                        <img src="../img/intelligent-world-2030-williamxu.jpg" alt="" width="100%">
                        <div>行业洞察</div>
                        <div class="text" style="width: 80%;">迈向智能世界 2030</div>
                    </div>
                </div>
                <div>
                    <div>
                        <img src="../img/intelligent-twins.jpg" alt="" width="100%">
                        <div>智能体</div>
                        <div class="text" style="width: 35%;">打造行业智能体,共建全场景智慧</div>
                    </div>
                    <div>
                        <img src="../img/henan-unicom2.jpg" alt="" width="100%">
                        <div>绿色环保故事</div>
                        <div class="text" style="width: 80%;">AI制冷，守护绿色未来</div>
                    </div>
                </div>
            </div>
            <div class="div1_b">
                <img src="../img/qingjiao-m.jpg" alt="" width="100%">
            </div>
        </div>

        <div class="div2">
            <h2>新闻与活动</h2>
            <div class="div2_a">
                <div>
                    <span>展会活动</span>
                    <div>
                        <img src="../img/techwave2021-v2.jpg" alt="" width="100%">
                    </div>
                    <div class="div2_a_1">
                        <h4>
                            华为云TechWave全球技术峰会
                        </h4>
                        <div>
                            <div>
                                <a href="javascript:;" class="iconfont" id="a_2"
                                    style="color: gray;text-decoration: none;">&#xe61b;</a>
                                中国，深圳
                            </div>
                            <div>
                                <a href="javascript:;" class="iconfont" id="a_2"
                                    style="color: gray;text-decoration: none;">&#xe60f;</a>
                                2021年4月8日
                            </div>
                        </div>
                        <div>
                            共话前沿技术，分享行业最佳实践，探讨企业智能升级成长之道！
                        </div>
                    </div>
                </div>
                <div>
                    <div>
                        <span>展会活动</span>
                    </div>
                    <div>
                        <img src="../img/hdc2021-v2.jpg" alt="" width="100%">

                    </div>
                    <div class="div2_a_2">
                        <h4>
                            华为开发者大会2021（Cloud）･ 深圳
                        </h4>
                        <div>
                            <div>
                                <a href="javascript:;" class="iconfont" id="a_2"
                                    style="color: gray;text-decoration: none;">&#xe61b;</a>中国，深圳
                            </div>
                            <div>
                                <a href="javascript:;" class="iconfont" id="a_2"
                                    style="color: gray;text-decoration: none;">&#xe60f;</a>
                                2021年4月24-26日
                            </div>
                        </div>
                        <div>
                            我们诚邀您参加华为开发者大会2021（Cloud），与业界大咖、华为科学家、顶级技术专家、扫地僧汇聚一堂。期待您的参与！
                        </div>
                    </div>
                </div>
                <div class="div2_a_3">
                    <div>
                        <span>新闻</span>
                    </div>
                    <div class="a" style="position: absolute; top: 10%; left: 5%; right: 5%;">
                        <a href="#">
                            <h4>
                                5G超级上行连片商用在厦开启，首秀厦门马拉松赛事直播
                            </h4>
                            <div>2021年04月10日</div>
                        </a>
                    </div>
                    <div class="a" style="position: absolute; top: 30%; left: 5%; right: 5%;">
                        <a href="#">
                            <h4>
                                “5G City，翼鹭有为” 中国电信和华为举办厦门“5G City”联合发布会
                            </h4>
                            <div>2021年04月09日</div>
                        </a>
                    </div>
                    <div class="a" style="position: absolute; top: 50%; left: 5%; right: 5%;">
                        <a href="#">
                            <h4>
                                华为发布“5G+8K”3D VR 解决方案，探索5.5G上行超宽带演进方向
                            </h4>
                            <div>2021年04月08日</div>
                        </a>
                    </div>
                    <div class="a" style="position: absolute; top: 70%; left: 5%; right: 5%;">
                        <a href="#">
                            <h4>
                                华为发布FusionServer Pro V6智能服务器，搭载第三代英特尔至强可扩展处理器
                            </h4>
                            <div>2021年04月08日</div>
                        </a>
                    </div>
                </div>
            </div>
            <div class="div2_b">
                <div><a>更多活动</a></div>
                <div><a>更多新闻</a></div>
            </div>
        </div>
        <div class="div3">
            <div
                style="width: 90%; position: absolute;left: 5%;top: 30px;border: 1px solid gray; background-color: white;">
                <input type="text" placeholder="请输入关键词" style="width: 90%;height: 35px;border: 0px; outline: none;">
                <span class="iconfont" style="font-size: 25px; color: grey;position: absolute;top: 16%;">&#xe61d;</span>
            </div>
            <div id="jl"
                style="display: none; width: 100%; height: 50px;background-color: white;position: relative;top: 8%;z-index: 1;">
            </div>
            <script type="text/javascript">
                $("input").focus(function () {
                    $("#jl").show()
                }).blur(function () {
                    $("#jl").hide()
                });
            </script>
        </div>
    </div>
    <script>
        var i = 1;
        $('button').click(function () {
            if (i === 1) {
                $('#nr').hide().siblings('#memu').show();
                $('.icon-bar').eq(1).hide().siblings().css({
                    'top': '30%'
                }).eq(1).css({
                    'transform': 'rotate(45deg)'
                }).siblings().eq(0).css({
                    'transform': 'rotate(135deg)'
                })
                i = 2;
            } else {
                $('#nr').show().siblings('#memu').hide();
                $('.icon-bar').eq(1).show().siblings().css({
                    'top': '15%'
                }).siblings().eq(2).css({
                    'top': '50%'
                }).eq(0).css({
                    'transform': 'rotate(0deg)'
                }).siblings().eq(0).css({
                    'transform': 'rotate(0deg)'
                })
                i = 1;
            }

        })
   
        $('#seek').click(function(){
            $('#dhl').hide().siblings('#asd').show().siblings('#nr').hide().siblings().find('#qwe').hide()
        })
        $('#rty').click(function(){
            $('#dhl').show().siblings('#asd').hide().siblings('#nr').show().siblings().find('#qwe').show()
        })
   </script>
</body>

=======
    <title>欢迎登录华为站点</title>
    <script src="../h5/js/jquery.js"></script>
    <style>
        .logo {
    position: absolute;
    top: 20px;
	left: 24px;
	height: 24px;
             }
        .logo img {
	height: 100%;
             }
        .menu_open_icon {
	position: relative;
	height: 10px;
            }
            .menu_open_icon::after {
	content: '';
	width: 16px;
    height: 2px;
    background: #000;
    display: block;
}
.menu_open_icon::before {
	content: '';
	position: absolute;
	bottom: 0;
	width: 16px;
    height: 2px;
    background: #000;
    display: block;
}
.lang-select-wrap {
  position: absolute;
  top: 26px;
  right: 24px;
}
.main_div{
     padding: 0px 24px 2em;
    }
    .mobile_login_link{
        font-size: 14px;
	    margin: 12px 13px 20px;
	    font-family: PingFangSC-Regular;
	    color: #007DFF;
	    letter-spacing: 0;
	    text-align: right;
	    cursor: pointer;
	    position: relative;
    }
    body,div,p {
	padding: 0;
}
.account_login {
	font-weight: bold;
    font-size: 24px;
    text-align: center;
}
.account_login_link {
	font-size: 14px;
    margin: 10px 0 40px;
    font-family: PingFangSC-Regular;
    color: #007DFF;
    letter-spacing: 0;
    text-align: center;
    cursor: pointer;
    position: relative;
}
.bound {
	margin: 0 auto;
	color: #333;
}
input[type=text],input[type='password'] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #999;
}
.input_box {
	box-sizing: border-box;
	line-height:40px;
	text-decoration: none;
	width: 100%;
	border: 0;
	padding-left: 8px;
	border-bottom: 1px solid #bababa;
}
.pwd-input {
 position: relative;
}
.pwd-input img {
	position: absolute;
	right:14px;
	bottom: 14px;
	width:20px;
	height:18px;
}
.bound2{
padding-top:10px;
padding-bottom:0px;
border:solid #AEAEAE 0px;
border-left:0;
color: #333;
width:100%;
float:left;
text-align:right;
height:2.5em;
line-height: 2.5em
}
.login-type {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  color: #007DFF;
}
.bound {
	margin: 0 auto;
	color: #333;
}
.button {
	flex: 0 0 46%;
  height: 40px;
  line-height: 40px;
  background-color: #F66F6A;
  border: 0;
  border-radius: 20px;
  font-size: 16px;
  text-align: center;
  outline: none;
  color: #fff;
}
.button_default {
	display: block;
	background: #f3f3f3;
	color: #F66F6A;
}
.button {
	width: 100%;
	margin: 8px 0;
	text-decoration: none;
	cursor: pointer;
}
.pwd-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 32px 0 48px;
  font-size: 16px;
  color: #007DFF;
}
.divider {
  height: 12px;
  margin: 0 1em;
  border: 1px solid #aaa;
}
.menu_wrap {
	position: fixed;
	width: 100vw;
	box-sizing: border-box;
	padding: 20px 24px;
	background: #fff;
	height: 100%;
	top: 0;
	overflow: hidden;
	transform: translateX(100%);
	transition: transform .3s;
	z-index: 100;
	font-size: 16px;
	text-align: left;
}
.menu_header {
	font-weight: bold;
	margin-bottom: 10px;
}
.close_icon {
	float: right;
	margin-top: -4px;
	width: 18px;
	height:18px;
}
.menu_item {
    border-bottom: 1px solid #e0e0e0;
    padding: 20px 0;
    color: #666;
}
.menu_item {
	border-bottom: 1px solid #e0e0e0;
	padding: 20px 0;
	color: #666;
}
.pull_down_icon {
	float: right;
	transform: rotate(-90deg);
	margin: 6px;
	transition: transform .3s;
}
#menu_wrap{
    display: none;
}
    </style>
</head>
<body>
    <div class="logo">
        <img src="../logo_wap.png" alt="Huawei" importance="high" decoding="sync">
    </div>
    <div style="margin-top: 56px; border-bottom: 1px solid #d8d8d8;"></div>

    <div class="menu_wrap" id="menu_wrap" style="transform: translateX(0%);">
        <div class="menu_header">
            <img class="close_icon" src="../close.png" id="menu_close">
        </div>
        <div class="menu_item" id="language_select">
            <span id="now_language"> 简体中文（中国）</span>
            <span class="pull_down_icon" id="pull_down_icon">


            </span>
        </div>
        <div class="menu_item">
            <span id="help_l" style="direction: ltr;">
                <a href="#" style="text-decoration:none !important;color:#007DFF">帮助</a>
            </span>
        </div>
        <div class="menu_item">
            <a href="#" style="text-decoration:none !important;color:#007DFF">隐私声明</a>
        </div>
    </div>

    <script>
      $(function(){
        $('#menu_open_icon').click(function(){
            $('#menu_wrap').slideToggle();
        })
        $('#menu_close').click(function(){
            $('#menu_wrap').hide();
        })
      })
    </script>
    
    <div class="lang-select-wrap">
    <div class="menu_open_icon" id="menu_open_icon">
    </div>
    </div>
    <div class="main_div">
        <div class="mobile_login_link">

        </div>
        <div>
            <div class="account_login">
                
		 
		     
			
			   Uniportal帐号登录
			 
	      
		
            </div>
            <div class="account_login_link">

            </div>
            <div class="bound">
                <input tabindex="1" type="text" class="input_box" name="uid" style="margin-top: 0;" placeholder="Uniportal帐号/邮箱" onkeyup="checkIsNull(this.value,'verifyAccount');"value>
            </div>
            <div class="bound pwd-input">
                <input tabindex="2"  type="password" class="input_box" name="password" id="pwd" autocomplete="off" style="padding-right: 48px;" placeholder="密码" onkeyup="checkIsNull(this.value,'verifyPassword');" styleid="password" value>
                <img src="../password_hide.png" style="display: block;" id="eye">
            </div>
            <div class="bound2" style="margin-bottom: 20px;">
                <span class="login-type">
                    <a href="https://uniportal.huawei.com/uniportal/forwardLogin.do?getloginMethod=byPhone&wap=1&redirect=https%3A%2F%2Fwww.huawei.com%2Fcn%2F" style="text-decoration:none !important;color:#007DFF">手机号码登录</a>
                    <a href="https://uniportal.huawei.com/uniportal/forwardLogin.do?getloginMethod=bySmscode&wap=1&redirect=https%3A%2F%2Fwww.huawei.com%2Fcn%2F" style="text-decoration:none !important;color:#007DFF">短信登录</a>
                </span>
            </div>
            <div class="bound">
                <input tabindex="4" id="login" class="button" type="button" onclick="userLogin();" value="登录">
            </div>
            <a onclick="forwardtoregister();" name="register" target="_self" class="button button_default" style="background-color:#f3f3f3;color:#F66F6A" href="">注册</a>
            <div class="pwd-wrap">
                <a href="https://uniportal.huawei.com/uniportal/modifyInfo.do?actionFlag=toGetPassword&redirect=%2Funiportal%3Fredirect%3Dhttps%25253A%25252F%25252Fwww.huawei.com%25252Fcn%25252F&wap=1" style="text-decoration:none !important;color:#007DFF">
                <span>
                    忘记密码
                </span>
                </a>
                <i class="divider"></i>
                <a href="https://uniportal.huawei.com/uniportal/modifyInfo.do?actionFlag=toModifyPassword&modifypwdby=byuserid&redirect=%2Funiportal%3Fredirect%3Dhttps%25253A%25252F%25252Fwww.huawei.com%25252Fcn%25252F&wap=1" style="text-decoration:none !important;color:#007DFF">
                <span>
                    修改密码
                </span>
                </a>
            </div>
        </div>
        </div>
    </div>
    <script>
        var eye = document.querySelector('#eye');
        var pwd = document.querySelector('#pwd');
        var flag = 0;
        eye.onclick = function () {
            if (flag === 0) {
                eye.src = '../password_show.png';
                pwd.type = 'text';
                flag = 1;
            } else {
                eye.src = '../password_hide.png';
                pwd.type = 'password';
                flag = 0;
            }
        };
    </script>
</body>
>>>>>>> ef979e8642b990f6e1b34521af227803838313c5
</html>